<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" href="css/sm.css">
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="font/iconfont.css">
  <style type="text/css">
  #detail {
    padding-top: .6rem;
  }

  .person-img {
    border-radius: 50%;
    border: 1px solid #b7b8b7;
  }

  .icon-phone:before {
    content: "\e60f";
  }

  .icon {
    color: #0894EC;
  }

  .item-input {
    margin-left: -12%;
  }

  .item-title {
    color: #0894EC;
  }

  .list-block {
    margin: 0;
  }
  </style>
  <title>通讯录</title>
</head>

<body>
  <!-- 通讯录详情 -->
  <div class="page-group">
    <div class="page page-current">
      <!-- 工具栏 -->
      <nav class="bar bar-tab">
        <a class="tab-item external" href="#" id="tel">
          <span class="icon icon-phone"></span>
          <span class="tab-label">打电话</span>
        </a>
        <a class="tab-item external" href="#" id="message">
          <span class="icon icon-message"></span>
          <span class="tab-label">发短信</span>
        </a>
      </nav>
      <div class="content">
        <div class="list-block">
          <ul id="detail"></ul>
        </div>
      </div>
    </div>
  </div>
  <!--build:js js/common.min.js -->
  <script src="js/zepto.js"></script>
  <script src="js/sm.js"></script>
  <script src="js/common.js"></script>
  <!-- endbuild -->
  <script src="js/contacts.js"></script>
  </script>
</body>

</html>
